<template>
    <div class="navbar">
        <a href="#/category">
            <img src="../../../assets/icon/index/nav_feilei.png" alt="">
            <p>商品分类</p>
        </a>
        <a >
            <img src="../../../assets/icon/index/nav_youhui.png" alt="">
            <p>领取优惠</p>
        </a>
        <a >
            <img src="../../../assets/icon/index/nav_hangye.png" alt="">
            <p>行业咨询</p>
        </a>
        <a >
            <img src="../../../assets/icon/index/nav_woyao.png" alt="">
            <p>我要签到</p>
        </a>
        
        <a href="#/collect">
            <img src="../../../assets/icon/index/nav_wode.png" alt="">
            <p>我的收藏</p>
        </a>
        <a >
            <img src="../../../assets/icon/index/nav_miaosha.png" alt="">
            <p>秒杀活动</p>
        </a>
        <a href="#/user/add_manage">
            <img src="../../../assets/icon/index/nav_dizhi.png" alt="">
            <p>地址列表</p>
        </a>
        <a href="#/order/list/0">
            <img src="../../../assets/icon/index/nav_dingdan.png" alt="">
            <p>订单列表</p>
        </a>
    </div>
</template>

<script>
export default {
    name:"NavBar",
    
    
}
</script>

<style lang="scss" scoped>
.navbar{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    padding-bottom: 11px;
    border-bottom: 1px solid #eee;
    a{
        padding: 10px 0;
        display: block;
        flex: 25%;
        text-align: center;
        p{
            // text-align: center;
            font-size: 13px;
            color: #333;
        }

        img{
            width: 45px;
        }
    }
}
</style>

